/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed,
  figure, figcaption, footer, header,
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video, input { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline ; }

  /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure,
  footer, header, menu, nav, section { display: block ; }

  body { line-height: 1 ; font: 12px "microsoft yahei", Arial, sans-serif; color: #666; margin: 0;  padding: 0;}

  blockquote, q { quotes: none ; }

  blockquote:before, blockquote:after,
  q:before, q:after { content: none ; }

  table { border-collapse: collapse; border-spacing: 0 ; }

  /* custom */
  a { color: #7e8c8d; text-decoration: none; -webkit-backface-visibility: hidden ; }

  li { list-style: none ; }

  ::-webkit-scrollbar { width: 5px; height: 5px ; }

  ::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px ; }

  ::-webkit-scrollbar-thumb:vertical { height: 5px; background-color: rgba(125, 125, 125, 0.7); -webkit-border-radius: 6px ; }

  ::-webkit-scrollbar-thumb:horizontal { width: 5px; background-color: rgba(125, 125, 125, 0.7); -webkit-border-radius: 6px ; }

  html, body { width: 100% ; }

  body { -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) ; }

  @media screen and (max-width: 1200px) {
    body {
      width: 1200px;
    }
  }

  #aside{
    width: 55px;
    height: 110px;
    position: fixed;
    bottom: 10%;
    right: 0;
    z-index: 9999;
  }
  #aside>div{
    display: inline-block;
    width: 55px;
    height: 55px;
    position: relative;
    cursor: pointer;
  }
  #aside>div:nth-child(1){
    background: url("../images/aside.png") no-repeat 0 0;
  }
  #aside>div:nth-child(1):hover{
    background-position:-65px 0;
  }
  #aside>div:nth-child(1):hover div{
    visibility: visible;
    opacity: 1;
  }
  #aside>div:nth-child(1) div{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute; background: #096cf0;top:0; right:53px; height: 100%;width: 170px;
    border-top-left-radius: 3px;border-bottom-left-radius: 3px;
    visibility: hidden;
    opacity: 0;
  }
  #aside>div:nth-child(1) div img{
    position: relative; top: 1px;
  }
  #aside>div:nth-child(1) a{
    color: #fff;font-size: 13px;display: block;text-align: center; line-height: 27px;
  }
  #aside>div:nth-child(2){
    background: url("../images/aside.png") no-repeat 0 -55px;
    display: none;
  }
  #aside>div:nth-child(2):hover{
    background-position:-130px -55px;
  }